@lineCol:#cecece;
@greenBtn:#00c2b1;
@greenBtn2:#47817c;
@redBtn:#e95959;
@redBtn:#cf4444;

@blue:#1D9EEF;
@blue2:#1986cd;

.hideItem{display: none!important;}
.borderRadius{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.boxSizing{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.text{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

* { margin  : 0;  padding : 0; border:0;}

html,body{
  min-width: 1500px;
}




html, body {
	background-color: #EBEBEB;
	padding: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	color: #666;
	font-family: Microsoft YaHei, "微软雅黑";
	background-color: #f1f5f8;
}

div, li, ul, p, span a, em, i, input, dl, dd, dt {
	box-sizing: border-box;
}

input, button, select {
	outline: none;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
i{
	font-style:normal
}
img {
	display: inline-block;
}

a {
  color: #333;
  text-decoration : none;
}

a:hover {
  color : #333;
  text-decoration : none;
}

.clearfix:before, .clearfix:after {
	content: '';
	width: 0;
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
}
.fb {font-weight : 700;}
.fn {font-weight : 400;}
.t2 {text-indent : 2em;  }
.tl {text-align : left; }
.tc {text-align : center;}
.tr {text-align : right;}
.fl {float: left;}
.fr {float: right;}
.dn {display : none;}
.db {display : block; }
.zoom {zoom : 1;}
.hidden {visibility : hidden;}


/*导航栏*/
.nav{
  width: 100%;
  height: 70px;
  background-color: #1D9EEF;
  position: relative;
  padding:0 20px;
  position: relative;
}

.logo {
	width: 330px;
	height: 70px;
	padding-left: 20px;
	padding-top: 20px;
	cursor: pointer;
	a{
		width: 100%;
		height: 100%;
		display: inline-block;
		img{
			//width: 36px;
		}
		.logoName{
			overflow: hidden;
			padding-left: 10px;
			.hospitalName{
				font-size: 14px;
				color:#fff;
			}
			.sugarSystem{
				font-size: 12px;
				color:#b4d8f8;
			}
		}
	}
}
.navBar{overflow: hidden; }
.navBarLeft li{
  margin-right: 30px;
}
.navBarLeft li:last-of-type{
  margin-right: 0;
}
.navBarLeft li a.active{
  border-bottom:2px solid #fff;
}
.navBarLeft li {
  position: relative;
}
.navBarLeft li>i{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: red;
  position: absolute;
  top: 22px;
  right: -5px;
}

.navBarRight{
  position: absolute;
  right:20px;
}

.navBarLeft li a,.navBarRight>ul>li{
  font-size: 16px;
  line-height: 70px;
  color:#fff;
}
.navBarRight li img{
  width: 17px;
  height: 19px;
}

.navBarRight li.navMsgImg{
  padding:0 24px;
  cursor: pointer;
  position: relative;
}
.navBarRight li.navMsgImg i{
  display: inline-block;
  display: none;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: red;
  position: absolute;
  top: 22px;
  right: 20px;
}
.navBarRight li a img{
  vertical-align: middle;
}
.navBarRight li.line{
  color:#fff;
  margin:0;
}

//个人中心
.PopMask {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
}
.navBarRight li.nav-my{
  padding-right: 24px;
}

.navBarRight .nav-my{
  width: 100px;
  height: 70px;
  position: relative;
}
.navBarRight .nav-my .user{
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 70px;
  text-align: center;
  color:#fff;
}
.navBarRight .nav-my .drapDown-user{
  display: none;
  width: 90px;
  height: 97px;
  z-index: 2;
  position: absolute;
  top: 50px;
  left: 15px;
  background:url("../image/user_down_bg.png") no-repeat center;

}
.navBarRight .nav-my .drapDown-user ul{
  width: 100%;
  height: 100%;
  padding:20px 10px 0 10px;
}
.navBarRight .nav-my .drapDown-user ul li{
  width: 100%;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  border-bottom: 1px solid #ccc;
}
.navBarRight .nav-my .drapDown-user ul li a{
  display: inline-block;
  width: 100%;
  color:#666;
  height: 32px;
}
.navBarRight .nav-my .drapDown-user ul li a:hover{
  color:#2fa6f0;
}
.navBarRight .nav-my .drapDown-user ul li.active a{
  color:#2fa6f0;
}
.navBarRight .nav-my .drapDown-user ul li.last{
  border-bottom: none;
}
.navBarRight .nav-my>a:after{
  content:'';
  width: 10px;
  height: 7px;
  display: inline-block;
  background: url("../image/icon_user_downpush.png") no-repeat center/10px 7px;
  position: absolute;
  right: 0;
  top: 31px;
  margin-right: 10px;
}
//消息提醒
.navMsg{
  display: none;
  position: absolute;
  width: 224px;
  height: 223px;
  top: 47px;
  right: 108px;
  z-index:22;
  background:url('../image/message_bg.png') no-repeat center/224px 223px;
  .msgBg{
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding:25px 18px 0 18px;
    font-size: 12px;
    ul{
      li{
        width: 100%;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid @lineCol;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        a{
          color:#666;
        }
        a:hover{
          color:#1d9eef;
        }
      }
    }
    a{
      display: block;
      line-height: 38px;
      color:#666;
    }
    a:hover{
      color:#1d9eef;
    }
  }
}

//修改密码
.updatePwdPop{
  display: none;
  width: 382px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  z-index: 4;
  top: 50%;
  margin-top: -160px;
  margin-left: -191px;
  padding:0 20px 20px 20px;
  background-color: #fff;
  .title{
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    color:#333;
    border-bottom: 1px solid #ccc;
    a{
      width: 24px;
      height: 24px;
      display: inline-block;
      background: url("../image/close_but_normal.png") no-repeat center/24px 24px;
      margin-top: 18px;
    }
  }
  .updatePwd-content{
    font-size: 14px;
    color:#666;
    padding-top: 35px;
    padding-bottom: 50px;
    .updateList{
      height: 35px;
      line-height: 35px;
      margin-bottom: 20px;
      p{
        display: inline-block;
        height: 35px;
        margin-right: 10px;
        width: 80px;
      }
        input{
          width: 220px;
          height: 35px;
          line-height: 35px;
          border: 1px solid #ccc;
          border-radius: 4px;
          padding: 0 10px;
        }
      }
      .updateList-btn{
        position: absolute;
        right: 40px;
        bottom: 30px;
        a{
          display: inline-block;
          width: 80px;
          height: 36px;
          line-height: 36px;
          border: 1px solid #ccc;
          border-radius: 4px;
          font-size: 16px;
        }
        a.cancel{
          margin-left: 20px;
        }
        a.active{
          color:#fff;
          background-color: #2fa6f0;
        }
    }
  }
}





//滚动条样式
/*
!*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*!
::-webkit-scrollbar{width: 8px;height: 16px;background-color:transparent;}
!*定义滚动条轨道 内阴影+圆角*!
::-webkit-scrollbar-track {background-color: #fff;}
!*定义滑块 内阴影+圆角*!
::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #e6eaed;}
*/

.scrollBar{
  scrollbar-face-color: #fff; /*主色调*/
  scrollbar-highlight-color: #e6eaed;
  scrollbar-shadow-color: #e6eaed; /*描边颜色*/
  scrollbar-3dlight-color: #e6eaed; /*左侧边高光颜色*/
  scrollbar-arrow-color:transparent; /*小三角颜色*/
  scrollbar-track-color: #e6eaed;
  scrollbar-darkshadow-color: #DDD;
}
.scrollBar::-webkit-scrollbar{width: 8px;height: 16px;background-color:transparent;}
.scrollBar::-webkit-scrollbar-track {background-color: #fff;}
.scrollBar::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #e6eaed;}
//提示框样式
.toast-container
{
  position: fixed;
  z-index: 9999;
  top:50%;
  left:50%;
  -webkit-transition: opacity .8s;
  transition: opacity .8s;
  opacity: 0;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.toast-container.active
{
  opacity: 1;
}

.toast-message
{
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background: #000;
  padding:10px;
}



//flex兼容老版本
.flex{
  display: -webkit-box; /*布局方式 相当于display:flex*/
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: box;
}
.align-items-start{
  -webkit-box-align:start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-items-center{
  -webkit-box-align:center; /*box的对齐方式 align-items:center;*/
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-items-end{
  -webkit-box-align:end; /*box的对齐方式 align-items:flex-end;*/
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-content{
  align-content: space-between;
  -webkit-align-content: space-between;
  -webkit-justify-content: space-between;

}

.justify-content-start{
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-content-center{
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

}
.justify-content-between{
  -webkit-box-pack:justify; /* justify-content: space-between;*/
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
